<template>
    <div class="wrap">
    	<header-v></header-v>
  		<div class="pro-content">
  			<div class="title">
  				<h2>摄影展示</h2>
  				<p>PHOTOGRAPHY SHOW</p>
  			</div>
  			<div class="tab">
  				<router-link to="">全家福</router-link>
  				<router-link to="">艺术摄影</router-link>
  				<router-link to="">婚纱摄影</router-link>
  				<router-link to="">孕妇写真</router-link>
  			</div>
  			<div class="content">
  				<ul>
						<li>
							<img src="../../assets/11.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真8</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/12.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真7</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/9.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真6</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/4_7usw.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真5</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/6_26ft.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真4</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/8.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真3</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/23.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真2</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
						<li>
							<img src="../../assets/2_yngi.jpg" alt="" />
							<router-link to="" class="con_title">孕妇写真1</router-link>
							<router-link to="" class="classify">孕妇写真</router-link>
							<p>爱携手，相守人生。那一年幸福的相遇，便种......</p>
						</li>
					</ul>
  			</div>
  			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num">4</router-link>
				<router-link to="/" class="num">5</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
  		</div>
  		<footer-v></footer-v>
  </div>
</template>


<script>
import footer from '../public/footer'
import header from '../public/header'

export default {
	
  components: {
  	footerV : footer,
  	headerV : header
  },
  data () {
    return {
        
    }
  },
  methods : {
    
  }
}
</script>

<style type="text/css" scoped="scoped">
	/* Product.style */
	.tab{overflow:hidden; margin-bottom:0.2rem;}
	.tab a{display:block; width:1.5rem; height:0.5rem; background:rgba(50,46,51,1); line-height:0.5rem; color:#fff; float:left; margin-left:0.06rem; margin-bottom:0.06rem; text-align: center;}
	.content ul{overflow:hidden;}
	.content li{width:48%; float:left; margin-bottom:0.2rem;}
	.content li:nth-of-type(2n){margin-left:0.12rem;}
	.content img{width:100%;}
	.content .con_title{color:#434343; line-height: 0.3rem; text-indent: 0.4em; font-size: 0.14rem; font-weight: bold; display: block;}
	.content .classify{color:#d9d9d9; text-indent: 0.4em; display: block;}
	.content p{color:#5A5A5A; text-indent: 0.4em; }
</style>